<!--#include virtual="/include/header.html"-->

<!-- 内容部分 s-->
<div id="bd" class="dream-bag">
	
	<div class="dream-hd">
		<div class="radius date-sel">12<b>月</b></div>
		<h2><a href="javascript:void(0)">我们的马尔代夫梦想旅程<i class="edit"></i></a></h2>
		<div class="friend-list">
			<ul>
				<li><a href="javascript:void(0)"><img src="/static/img/data/40x40.jpg" alt="" /></a></li>
				<li><a href="javascript:void(0)"><img src="/static/img/data/40x40_1.jpg" alt="" /></a></li>
				<li><a href="javascript:void(0)"><img src="/static/img/data/40x40_2.jpg" alt="" /></a></li>
				<li><a href="javascript:void(0)"><img src="/static/img/data/40x40.jpg" alt="" /></a></li>
				<li><a href="javascript:void(0)"><img src="/static/img/data/40x40_1.jpg" alt="" /></a></li>
				<li><a href="javascript:void(0)"><img src="/static/img/data/40x40_2.jpg" alt="" /></a></li>
				<li><a href="javascript:void(0)"><img src="/static/img/data/40x40.jpg" alt="" /></a></li>
				<li><a href="javascript:void(0)"><img src="/static/img/data/40x40_1.jpg" alt="" /></a></li>
				<li><a href="javascript:void(0)"><img src="/static/img/data/40x40_2.jpg" alt="" /></a></li>
			</ul>
			<a href="#" class="add-btn">邀请好友</a>
		</div>
		<a href="javascript:void(0)" class="radius set-link">隐私设置</a>
	</div>
	<div class="radius bag">
		<h3>将 马尔代夫 好吃的、好玩的点点滴滴建议都装入梦想行囊里吧！</h3>
		<ul class="bag-kind">
			<li class="cur one"><span>+景</span><b>7</b><i class="cur"></i></li>
			<li class="two"><span>+吃</span><b>2</b></li>
			<li class="three"><span>+住</span><b>0</b></li>
			<li class="four"><span>+玩</span><b>5</b></li>
			<li class="five"><span>+行</span><b>8</b></li>
			<li class="six"><span>+其他</span><b>12</b></li>
		</ul>
		<div class="library">
			<div class="dream-init">
			<p>几百年来，咕噜鱼们把旅途中的美好记忆都收集到了魔法祭坛中</p>
<p>……</p>
<p>现在，做为即将踏上旅程的咕噜鱼新丁，</p>
<p>长老们允许你选择部分记忆放到魔法行囊，帮助你完成梦想旅程～～</p>
<p><a href="javascript:void(0)">点击这里开始选择</a></p>
			</div>
		</div>
		
		<div class="center">
			<div class="btns">
				<button>预览</button>
				<button class="minor">删除梦想</button>
			</div>
		</div>
	</div>
	<div class="radius comment-box">
		<div class="hd">
			<h2>我们的评论<b>（34）</b></h2>
			<button class="unfold">展开<i class="arrow"></i></button>
		</div>
	</div>
	<div class="radius comment-box">
		<div class="hd">
			<h2>我们的评论<b>（34）</b><a href="javascript:void(0)" class="comment-dream">梦想寄语</a></h2>
			<button class="fold">展开<i class="arrow"></i></button>
		</div>
		<div class="comment-main">
			<div class="weibo">
				<h2 class="tit">咕噜咕噜</h2>
				<div class="publish">
					<textarea name="" id="" cols="" rows="" class="text"></textarea>
					<span class="insert-img"><i></i>插入图片</span>
					<button class="on">发布</button><!--默认button没有按钮，不能被提交，文本框中有内容的时候添加class on-->
					<span class="tips">你还可以输入<b>140</b>字</span>
				</div>
				<div class="weibo-list">
					<div class="img-txt">
						<div class="img"><img src="/static/img/data/120x90.jpg" alt="" /></div>
						<div class="txt">
							<p><a href="javascript:void(0)">鸽子情缘：</a><a href="javascript:void(0)">＃马尔代夫＃</a>码头位于马尔代夫天堂岛的北端，停驶着游艇和客船，码头和主岛之间是由百米木栈道相连，木栈道两边是清澈的海水，可以随时看到各种鱼。</p>
							<p><img src="/static/img/data/120x90.jpg" alt="" /></p>
							<div class="links">
								<span class="date">1个小时前</span>
								<a href="javascript:void(0)">回复（45）</a>
								<a href="javascript:void(0)">+引用到行囊</a>
							</div>
							<div class="reply-item clearfix">
								<div class="reply-box">
									<textarea name="" id="" cols="" rows="" class="text"></textarea>
									<button>发布</button><!--默认button没有按钮，不能被点击文本框中有内容的时候添加class btn-->
									<span class="tips">你还可以输入<b>140</b>字</span>
								</div>
								<div class="img-txt">
									<div class="img"><img src="/static/img/data/120x90.jpg" alt="" /></div>
									<div class="txt">
										<p><a href="javascript:void(0)">鸽子情缘：</a><a href="javascript:void(0)">＃马尔代夫＃</a>码头位于马尔代夫天堂岛的北端，停驶着游艇和客船，码头和主岛之间是由百米木栈道相连，木栈道两边是清澈的海水，可以随时看到各种鱼。</p>
										<span class="date">30分钟前</span>
									</div>
								</div>
								<div class="img-txt">
									<div class="img"><img src="/static/img/data/120x90.jpg" alt="" /></div>
									<div class="txt">
										<p><a href="javascript:void(0)">鸽子情缘：</a><a href="javascript:void(0)">＃马尔代夫＃</a>码头位于马尔代夫天堂岛的北端，停驶着游艇和客船，码头和主岛之间是由百米木栈道相连，木栈道两边是清澈的海水，可以随时看到各种鱼。</p>
										<span class="date">30分钟前</span>
									</div>
								</div>
								<i class="close">关闭</i>
								<a href="" class="more">更多内容</a>
							</div>
						</div>
					</div>
					<div class="img-txt">
						<div class="img"><img src="/static/img/data/120x90.jpg" alt="" /></div>
						<div class="txt">
							<p><a href="javascript:void(0)">鸽子情缘：</a><a href="javascript:void(0)">＃马尔代夫＃</a>码头位于马尔代夫天堂岛的北端，停驶着游艇和客船，码头和主岛之间是由百米木栈道相连，木栈道两边是清澈的海水，可以随时看到各种鱼。</p>
							<p><img src="/static/img/data/120x90.jpg" alt="" /></p>
							<div class="links">
								<span class="date">1个小时前</span>
								<a href="javascript:void(0)">回复（45）</a>
								<a href="javascript:void(0)">+引用到行囊</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="side">
			<div class="item">
				<h3>最勤劳的咕噜鱼...</h3>
				<ul class="img-list">
					<li><a href="javascript:void(0)"><img src="/static/img/data/40x40.jpg" alt="" /></a></li>
					<li><a href="javascript:void(0)"><img src="/static/img/data/40x40.jpg" alt="" /></a></li>
					<li><a href="javascript:void(0)"><img src="/static/img/data/40x40.jpg" alt="" /></a></li>
				</ul>
			</div>
			<div class="dynamic item">
				<h3>最新动态...</h3>
				<div class="img-txt">
					<div class="img"><img src="/static/img/data/40x40.jpg" alt="" /></div>
					<div class="txt">
						<p>Cici  添加了一个新酒店：东锦江大酒店<span class="date">1个小时以前</span></p>
					</div>  
				</div>
				<div class="img-txt">
					<div class="img"><img src="/static/img/data/40x40.jpg" alt="" /></div>
					<div class="txt">
						<p>Cici  添加了一个新酒店：东锦江大酒店<span class="date">1个小时以前</span></p>
					</div>   
				</div>
			</div>
			<div class="item happen">
				<h3>马尔代夫正在发生...</h3>
				<p><strong>国庆日</strong> - 每年的7月26日是马尔代夫的国庆日，该日也是当地的最大节日，届时全国全岛载歌载舞齐欢庆，为远来的游人凭添了一道风景线。</p>
				<p><img src="/static/img/data/120x90.jpg" alt="" /></p>
			</div>
		</div>
		<a href="" class="load-more"><span><img src="/static/img/loading.gif" alt="" />更多<i>&gt;&gt;</i></span></a>	
	</div>
	<div class="radius comment-box">
		<div class="hd">
			<h2>我们的评论<b>（34）</b><a href="javascript:void(0)" class="comment-dream">梦想寄语</a></h2>
			<button class="unfold">展开<i class="arrow"></i></button>
		</div>
		<div class="msg-box">
			<div class="text-box">
				<textarea name="" id=""></textarea>
			</div>
			<p><span class="num-tips">还可以输入<b>500</b>字</span></p>
			<div class="btns">
				<button>预览</button>
				<button class="minor">删除梦想</button>
			</div>
		</div>
	</div>
</div>
<!-- 内容部分 end-->



<script type="text/javascript" src="/static/script/config.js"></script>
<!--#include virtual="/include/footer.html"-->



